/* page1 */

.page1{position:relative;width:100%;}
.page1_left{width: 50%;float:left;position:relative;z-index:2}
.swiper-container2{display:none;}
.page1_left span{position:absolute;bottom:0px;left:0px;color:#ffffff;font-size:50px;text-align:center;width:100%;height:110px;background:rgba(0,0,0,0.3);line-height:110px;}
#page1_left_img1{display:block;}
#page1_left_img2{display:none;}
#page1_left_img3{display:none;}
#page1_left_img4{display:none;}
#page1_left_img5{display:none;}
.page1_left a{display:block;width:100%;}

.page1_right{width: 50%;float:left;position:relative;z-index:1}
.page1_right ul{width:100%;height:100%;}
.page1_right ul li{width: 25%;height:100%;float:left;display:inline-block;position:relative;}
.page1_right ul li{transition: background ease-in-out 0.3s;}
.page1_right ul li.li1{background-color: #646464;}
.page1_right ul li.li2{background-color: #3D3D3D;}
.page1_right ul li.li3{background-color: #282828;}
.page1_right ul li.li4{background-color: #000000;}
.page1_right ul li.li5{background-color: #000000;}
.page1_right ul li.li1:hover{cursor:pointer;background:#1052A0}
.page1_right ul li.li2:hover{cursor:pointer;background:#1052A0}
.page1_right ul li.li3:hover{cursor:pointer;background:#1052A0}
.page1_right ul li.li4:hover{cursor:pointer;background:#1052A0}
.page1_right ul li.li5:hover{cursor:pointer;background:#1052A0}

.page1_right ul li p{color:#ffffff;padding:0 10%;margin: 0;}
.page1_right ul li p.p1{margin-top: 18%;font-size:80px;font-family:"Arial";line-height: 1em;}
.page1_right ul li p.p2{margin-top:25%;font-size:30px;line-height: 1em;}
.page1_right ul li p.p3{padding:0 25% 0 10%;margin-top:15%;font-size: 14px;line-height: 1.8;}
.page1_right ul li span{width:60%;display:block;position:relative;}



.page1_bottom{position:relative;width:100%;background-color:#efefef;height:110px;padding-top:35px}
.page1_bottom .DIV{height:110px;}
.page1_bottom_box{width:100%;}
.page1_bottom_box .div1{width:100px;float:left;}
.page1_bottom_box .div2{width:30px;float:left;text-align:center;}
.divinput {float:left;}
.page1_bottom .DIV .page1_bottom_div1,.page1_bottom .DIV .page1_bottom_div2,.page1_bottom .DIV .page1_bottom_div3,.page1_bottom .DIV .page1_bottom_div4,.page1_bottom .DIV .page1_bottom_div5{position:relative;float:left;height:70px;line-height:70px;color:#666666;}
.page1_bottom_div1{width:215px;font-size:22px;border-right:1px solid #c9c9c9;}
.fqtext{height:19px;margin-top:20px;padding:5px 10px;width:95px;border:1px solid #bbbbbb;border-radius:5px;}
.page1_bottom_div2{width:270px;font-size:20px;padding-left:15px;}
.page1_bottom_div2 .span1{display:block;width:298px;height:42px;font-size:14px;color:#999999;line-height:46px;text-align:left;left:20px;bottom:-28px;position:absolute;}
.page1_bottom_div2 .span2{width:298px;height:42px;font-size:15px;color:#f8723b;display:none;line-height:46px;text-align:center;background-image:url("../images/icon_note.png");left:20px;bottom:-28px;position:absolute;}
.page1_bottom_div3{width:240px;font-size:20px;position:relative;}
.page1_bottom_div3 select{width:130px;padding:0 10px 0 30px;margin-top:20px;font-size:18px;height:31px;border:1px solid #bbbbbb;border-radius:5px;
-webkit-appearance       : none;
-moz-appearance          : none;
appearance               : none;
background-image:url("../images/select.png");background-repeat:no-repeat;background-position:right;
}
.page1_bottom_div4{width:250px;font-size:20px;padding-left:15px;}
#mqyg{float:left;color:#e69f2f;font-size:24px;line-height:70px;}
.page1_bottom_div5 {float:right;width:168px;padding-top:10px;height:60px;}
.page1_bottom_div5 .fqjs{width:168px;height:41px;border:none;font-size:20px;color:#ffffff;background-color:#ffb53f;border-bottom:2px solid #e48d04;border-radius:3px;}
.page1_bottom_div5 .fqjs:hover{cursor:pointer;background:rgba(255,181,63,0.8)}

/* page1 end */


/* media css */

@media (max-width: 1500px) {

.page1_left span{width:100%;height:60px;line-height:60px;font-size:36px;}
.page1_right ul li p.p1{font-size:60px;font-family:"Arial"}
.page1_right ul li p.p2{font-size:24px;}


}
@media (max-width: 1300px) {

.page1_left span{width:100%;height:60px;line-height:60px;font-size:24px;}
.page1_right ul li p.p1{font-size:40px;font-family:"Arial"}
.page1_right ul li p.p2{margin-top: 10%;font-size:18px;}
.page1_right ul li a{bottom:5%}

}
@media (max-width: 1219px) {
	.page3_list>ul>li.li3 .span2,.page3_list>ul>li.li5 .span2,.page3_list>ul>li.li8 .span2,.page3_list>ul>li.li10 .span2{display:block;}

	.index_title{width:100%;}
	
	.page1_bottom{height:420px;}
	.page1_bottom_box {width: 90%;margin:0 5%;}
	.page1_bottom .DIV .page1_bottom_div1,.page1_bottom .DIV .page1_bottom_div2,.page1_bottom .DIV .page1_bottom_div3,.page1_bottom .DIV .page1_bottom_div4,.page1_bottom .DIV .page1_bottom_div5{float:none;width:100%;font-size:1em;height:auto;text-align: center}
	.page1_bottom_box .div1{width:90px;float:left;}
	.page1_bottom_box .div2{width:30px;float:left;}
	.page1_bottom_div1{border-right:0;margin:0 auto;padding-left: 0px;}
	.page1_bottom_div2{margin:0 auto;width:100%;margin-bottom:20px;padding-left: 0px;}
	.page1_bottom_div3{margin:0 auto;width:100%;padding-left: 0px;}
	.page1_bottom_div3 select{font-size:1em;width:68%;float:left;}
	.page1_bottom_div3 span {top:24px;right:16px;}
	.page1_bottom_div4 {margin: 0 auto;padding-left: 0px;}
	.page1_bottom_div5 {margin: 0 auto;width:100%;}
	.page1_bottom_div5 .fqjs {width:100%;}
	.page1_bottom_div2 .span1 {left:80px;text-align:center;}
	.page1_bottom_div2 .span2 {left:90px;}

	.fqtext {width:778px;}
	.page1_bottom_div2 .span1 {left:80px;}
	.page1_bottom_div3 select{margin-top:20px;width:800px;}
	


}

@media (max-width: 1000px) {

	.page3_list>ul>li{width:100%;}

	.page1_left,.page1_right{float:none;width:100%;}
	.page1_left span{position:absolute;bottom:0px;left:0px;color:#ffffff;font-size:50px;text-align:center;width:100%;height:110px;background:rgba(0,0,0,0.3);line-height:110px;}


	.page1_right ul li p.p1{margin-top:15%;font-size:80px;font-family:"Arial"}
	.page1_right ul li p.p2{margin-top:25%;font-size:30px;}
	.page1_right ul li p.p3{padding:0 25% 0 10%;margin-top:15%;font-size:13px;line-height:20px;}

	.page1_left.pc{
		display:none;
	}
	.swiper-container2{display:block;overflow:hidden;}
	.page1_right ul li a{bottom:10%;}
	#page1_left_img2{display:block}
	#page1_left_img3{display:block}
	#page1_left_img4{display:block}

}


@media (max-width: 750px) {
.page1_left span{width:100%;height:60px;line-height:60px;font-size:36px;}
.page1_right ul li p.p1{font-size:60px;font-family:"Arial"}
.page1_right ul li p.p2{font-size:24px;}

}

@media (max-width: 660px) {
	

	
	.page1_left span{width:100%;height:60px;line-height:60px;font-size:24px;}
	.page1_right ul li p.p1{font-size:40px;font-family:"Arial"}
	.page1_right ul li p.p2{margin-top: 10%;font-size:18px;}
	.page1_right ul li a{bottom:5%}

}

@media (max-width:500px){	
	.page1_right ul li{width:50%;height:135%;}
	.page1_right ul li span{width:35%;}
	.page1_right ul li p.p1{font-size:2em;}
	.page1_right ul li p.p2{margin-top:5%;font-size:1em;}
	.page1_right ul li a{bottom:5%}
}
@media only screen and (max-width: 1040px){
	.fqtext {width:576px;}
	.page1_bottom_div3 select{width:598px;}
}
@media only screen and(max-width: 816px) {
	.fqtext {width:546px;}
	.page1_bottom_div3 select{width:568px;}
}

@media only screen and (max-width: 784px) {
	.fqtext {width:518px;}
	.page1_bottom_div3 select{width:540px;}
}
@media only screen and (max-width: 752px) {
	.fqtext {margin-top:20px;width:432px;}
	.page1_bottom_div3 select{width:454px;}
}
@media only screen and (max-width: 683px) {
	.fqtext {width:432px;}
	.page1_bottom_div3 select{width:454px;}
}
@media only screen and (max-width: 656px) {
	.fqtext {width:396px;}
	.page1_bottom_div3 select{width:418px;}
}
@media only screen and (max-width: 616px) {
	.fqtext {width:366px;}
	.page1_bottom_div3 select{width:388px;}
}
@media only screen and (max-width: 583px) {
	.fqtext {width:288px;}
	.page1_bottom_div3 select{width:310px;}
}
@media only screen and (max-width: 496px) {
	.fqtext {width:230px;}
	.page1_bottom_div3 select{width:252px;}
}
@media only screen and (max-width: 427px) {
	.fqtext {width:195px;}
	.page1_bottom_div2 .span1 {left:20px;}
	.page1_bottom_div2 .span2 {left:20px;}
	.page1_bottom_div3 select{width:217px;}
	
}
@media only screen and (max-width: 391px) {
	.fqtext {width:182px;}
	.page1_bottom_div2 .span1 {left:12px;}
	.page1_bottom_div2 .span2{left:12px;}
	.page1_bottom_div3 select{width:204px;}
}
@media only screen and (max-width: 376px) {
	.fqtext {width:130px;}
	.page1_bottom_div2 .span1 {left:-5px;}
	.page1_bottom_div2 .span2 {left:-12px;}
	.page1_bottom_div3 select{width:152px;}
}

@media only handle and (max-width: 1023px){
	.fqtext {width:576px;}
	.page1_bottom_div3 select{width:598px;}
}
@media only handle and (max-width: 799px) {
	.fqtext {width:546px;}
	.page1_bottom_div3 select{width:568px;}
}
@media only handle and (max-width: 767px) {
	.fqtext {width:518px;}
	.page1_bottom_div3 select{width:540px;}
}
@media only handle and (max-width: 735px) {
	.fqtext {margin-top:20px;width:432px;}
	.page1_bottom_div3 select{width:454px;}
}
@media only handle and (max-width: 666px) {
	.fqtext {width:432px;}
	.page1_bottom_div3 select{width:454px;}
}
@media only handle and (max-width: 639px) {
	.fqtext {width:396px;}
	.page1_bottom_div3 select{width:418px;}
}
@media only handle and (max-width: 599px) {
	.fqtext {width:366px;}
	.page1_bottom_div3 select{width:388px;}
}
@media only handle and (max-width: 567px) {
	.fqtext {width:288px;}
	.page1_bottom_div3 select{width:310px;}
}
@media only handle and (max-width: 479px) {
	.fqtext {width:230px;}
	.page1_bottom_div3 select{width:252px;}
}
@media only handle and (max-width: 410px) {
	.fqtext {width:195px;}
	.page1_bottom_div2 .span1 {left:20px;}
	.page1_bottom_div3 select{width:217px;}
}
@media only handle and (max-width: 374px) {
	.fqtext {width:182px;}
	.page1_bottom_div2 .span1 {left:12px;}
	.page1_bottom_div3 select{width:204px;}
}
@media only handle and (max-width: 359px) {
	.fqtext {width:130px;}
	.page1_bottom_div2 .span1 {left:-5px;}
	.page1_bottom_div3 select{width:152px;}
}